@breadcrumb-prefix-cls: ~"@{css-prefix}breadcrumb";
@breadcrumb-back-prefix-cls: ~'@{breadcrumb-prefix-cls}-back';

.@{breadcrumb-prefix-cls} {
    color: @text-color;
    font-size: @font-size-middle;

    a {
        color: @text-color;
        transition: color @transition-time @ease-in-out;
        &:hover {
            color: tint(@primary-color, 20%);
        }
    }

    & > span:last-child {
        font-weight: bold;
        color: @text-color;
    }

    & > span:last-child &-item-separator {
        display: none;
    }

    &-item-separator {
        margin: 0 8px;
        color: @border-color-base;
    }

    &-item-link {
        > .ivu-icon + span {
            margin-left: 4px;
        }
    }

    &-btn-back {
      margin-right: 8px;
      vertical-align: baseline;
      .haloe-icon {
        vertical-align: baseline;
      }
    }
}
.@{breadcrumb-back-prefix-cls} {
  a {
    color: @primary-color;
  }
  & > span:last-child {
    font-weight: normal;
  }
}
